<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="./js/promiseAjax.js"></script>
    <script src="./js/cookie.js"></script>
    <link rel="stylesheet" href="./css/detail.css">
</head>

<body>
    <div class="top">
        <div class="enlarge">

        </div>
        <div class="goods">

        </div>
        <!-- <button class="addcart">加入购物车</button>
        <button onclick="location.href='cart.html'">去购物车结算</button> -->
    </div>
    <div class="bottom">

    </div>
</body>
<script src="./js/detail.js"></script>
<script>
     // // 获取当前商品的id - 从地址栏中获取商品id
    // var reg = /id=([^&]+)/
    // var arr = location.search.match(reg)
    // console.log(arr);
    // if (arr && arr[1]) {
    //     var id = arr[1]
    // }
    // // 发请求获取商品详细信息
    // var enlarge = document.querySelector('.enlarge')
    // var goods = document.querySelector('.goods')
    // var bottom = document.querySelector('.bottom')
    // request({
    //     url: '/api/goods/goodsDetail/' + id
    // }).then(res => {
    //     console.log(res);
    //     enlarge.innerHTML = '<img src="' + res.data.data.img_big_logo + '" />'
    //     goods.innerHTML = `
    //     <p>${res.data.data.title}</p>
    //     <p>${res.data.data.price}</p>
    // `
    //     bottom.innerHTML = res.data.data.goods_introduce

    //     // 加入购物车
    //     cart()
    // })

    // function cart() {
    //     document.querySelector('.addcart').onclick = function () {
    //         // 判断用户是否登录
    //         var username = getCookie('username')
    //         if (!username) {
    //             alert('请先登录')
    //             // 将当前地址存起来
    //             localStorage.setItem('url', location.href)
    //             location.href = '/login.html'
    //             return false
    //         }
    //         // 登录成功
    //         // 添加购物车，本质就是将当前商品数据存储下来，到购物车页面的时候获取出来展示
    //         request({
    //             url: '/api/cart/addcart',
    //             method: 'post',
    //             data: {
    //                 goodsid: id,
    //                 goodsnumber: 1,
    //                 userid: getCookie('userid')
    //             }
    //         }).then(res => {
    //             // console.log(res);
    //             var {
    //                 error_code,
    //                 msg
    //             } = res
    //             alert(msg)

    //         })
    //     }
    // }

    /*
    总结：
        数据渲染成功后 - 调用添加购物车功能的函数
        函数中：
            点击添加按钮 - 事件：
                判断用户是否登录
                    如果没有登录 - 跳转到登录页(跳转之前先存储当前的地址) - 登录成功后再跳转回来(判断是否有存储的地址，有就先清除存储，再跳转，没有就跳转到首页)
                    如果登录 - 
                发起添加购物车的请求
                    方式：post
                    地址：api/cart/addcart
                    数据：
                        用户id
                        商品id
                        商品数据，默认为1

    后端：
        修改登录响应，新增用户id的响应
        新建了cart路由
        在controller中
            获取post的数据
            查询数据库中是否有当前用户的当前商品
                有 - 修改数量+1
                没有 - 新增一条
    */

</script>
</html>